<template>
  <div id="app" class="main-wrap">
    <!--编辑器组件-->
    <div class="editor-wrap">
      <editor
        class="editor-wrap"
        api-key="no-api-key"
        :initialValue="initContent"
        :init="initConfig"
        @onClick="editorClick"
      ></editor>
    </div>

    <!--病历组件模块-->
    <div class="case-wrap">

    </div>
  </div>
</template>

<script>
  import Editor from '@tinymce/tinymce-vue'
  import { initConfig, initContent} from '@/config'
  import { getPluginData } from '@/plugins/casePlugin'
  export default {
    name: 'app',
    components: {
      'editor': Editor
    },
    data () {
      return {
        initConfig, // 初始化的配置
        initContent, // 初始化的数据内容
        caseData: {} // 病历模块的数据
      }
    },
    methods: {
      // 编辑器的点击事件
      editorClick (event, editor) {
        console.log(getPluginData(event))
        console.log(event)
        console.log(editor)
      }
    }
  }
</script>
<style lang="scss">
  /* 全局的样式*/
  @import "@/scss/app.scss";
</style>
